<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />


</h:head>
<f:event listener="#{systemNavigatePage.adminModify}"
	type="preRenderView"></f:event>
<body>
	<ui:include src="./header.xhtml" />
	<div id="content-outer">
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Modify account</h1>
			</div>
			<h:messages infoStyle="color: blue;" errorStyle="color: orange;" />
			<!-- end page-heading -->
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowleft.jpg" width="20" height="300"
						alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowright.jpg" width="20" height="300"
						alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<div id="content-table-inner">
							<table border="0" width="100%" cellpadding="0" cellspacing="0">
								<tr valign="bottom">
									<td><h:form id="mainform" action="">

											<table border="0" width="75%" cellpadding="0" cellspacing="0"
												id="id-form">
												<tr>
													<th valign="bottom">Account Information</th>

												</tr>

												<tr>
													<th valign="bottom">Login ID:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.userName}" size="40"
															class="inp-form" disabled="true" /></td>
												</tr>
												<tr class="alternate-row">
													<th valign="bottom"></th>
													<td></td>
													<td colspan="4"></td>
												</tr>
												<tr class="alternate-row">
													<th valign="bottom"></th>
													<td></td>
													<th valign="bottom" style="padding-left: 20px"></th>
													<td></td>
													<td colspan="2"></td>
												</tr>
												<tr>
													<th>ID Card Number:</th>
													<td><h:inputText id="idCardNumber"
															value="#{systemLoginManageBean.idCardNumber}" size="40"
															class="inp-form">
															<f:validator validatorId="IDCardNumberValidator" />
														</h:inputText></td>
												</tr>
												<tr>
													<td></td>
													<td colspan="5"><h:message for="idCardNumber"
															errorStyle="color:red;margin:8px;" /></td>

												</tr>
												<tr class="alternate-row">
													<th valign="bottom">User Profile</th>
												</tr>
												<tr>
													<th valign="bottom">First Name:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.firstName}" size="20"
															class="inp-form" /></td>
													<th valign="bottom" style="padding-left: 20px">Mid
														Name:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.midName}" size="20"
															class="inp-form" /></td>
													<th valign="bottom" style="padding-left: 20px">Last
														Name:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.lastName}" size="20"
															class="inp-form" /></td>
												</tr>
												<tr class="alternate-row">
													<th valign="bottom">Phone Number 1:</th>
													<td><p:inputMask value="#{systemLoginManageBean.phone}" mask="(999) 9-99-99999" size="20"></p:inputMask>
													
														</td>
													<th valign="bottom" style="padding-left: 20px">Phone
														Number 2:</th>
													<td><p:inputMask value="#{systemLoginManageBean.phone2}" mask="(999) 9-99-99999" size="20"></p:inputMask>
													</td>
												</tr>
												<tr>
													<th valign="bottom">Address 1:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.address}" size="20"
															class="inp-form" /></td>
													<th valign="bottom" style="padding-left: 20px">Address
														2:</th>
													<td><h:inputText type="text"
															value="#{systemLoginManageBean.address2}" size="20"
															class="inp-form" /></td>
												</tr>
												<tr class="alternate-row">
													<th valign="bottom">Email 1:</th>
													<td><h:inputText id="email"
															value="#{systemLoginManageBean.email}" size="20"
															label="Email 1" styleClass="inp-form">
															<f:validator validatorId="EmailValidator" />
														</h:inputText></td>
													<th valign="bottom" style="padding-left: 20px">Email
														2:</th>
													<td><h:inputText id="email2"
															value="#{systemLoginManageBean.email2}" size="20"
															label="Email 2" styleClass="inp-form">
															<f:validator validatorId="EmailValidator" />
														</h:inputText></td>
												</tr>
												<tr>
													<td></td>
													<td><h:message for="email"
															errorStyle="color:red;margin:8px;" /></td>
													<td></td>
													<td><h:message for="email2"
															errorStyle="color:red;margin:8px;" /></td>
												</tr>

												<tr align="center">
													<td colspan="7"><h:commandButton value="Edit"
															type="submit" action="#{systemLoginManageBean.EditUser}"
															class="mod-button"></h:commandButton> &nbsp; <h:commandButton
															value="Cancel" type="submit"
															action="#{systemLoginManageBean.CancelBtn}"
															class="cancel-button"></h:commandButton></td>
												</tr>
											</table>
											<!--  end product-table................................... -->
										</h:form></td>
								</tr>
							</table>
						</div>
					</td>
					<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
			</table>

		</div>
	</div>
</body>
</html>
